<template>
    <div class="geek-icon">
        <svg class="icon">
            <use :xlink:href="`#icon-${name}`"></use>
        </svg>
    </div>
</template>

<script>
export default {
  name: 'geekIcon',
  props: ['name']
}
</script>
<style scoped lang="less">
.icon {
    // margin-bottom: 5px;
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}
</style>
